<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>GIVE YOU</title>
		<style>
			body,html{margin: 0; border: 0; padding: 0;  font-family: Arial,Helvetica,SimSun,sans-serif;}
			*{list-style: none; text-decoration: none; border: 0;}
			input[type="text"]:focus{border:0px;}
			#conBox{ background: url(img/0508img1.jpg)top center no-repeat; background-size: 1920px 1080px;}
			#conBoxBg{background-color: rgba(000,000,000,.2); position: fixed; top: 0px; left: 0px;}
			/*#conBoxBg{background-color: rgba(255,255,255,.1); position: fixed; top: 0px; left: 0px;}*/
			.search{width: 50%; min-width: 320px; line-height: 50px; position: relative; text-align: center; padding-top: 12%; margin: 0 auto;  }
			.search h2{color: #666;    font-size: 40px;}
			.search input{ width: 50%; padding: 0px 50px 0px 15px;  min-width: 200px; height: 40px; line-height: 40px; background-color: #FFFFFF; border-radius: 30px; border: 0px;}
			.search input:focus{border:0px; }
			.searchTit{position: absolute; right: 23%; width: 22px; bottom: 12px; cursor: pointer;}
		</style>
	</head>
	<body>
		<div id="conBox">
			<div id="conBoxBg">
				<div class="searchBox">
					<div class="search">
						<h2>You are the creator of your own experience. </h2><br>
						<input id="keyWord" type="text" /><img class="searchTit" onclick="searchBtn()" src="img/schertit.png">
					</div>
				</div>
				
			</div>
		</div>
		
		
		
		<script>
		//初始化
		window.onload=function(){
			getWindeo()
		}
			 
		//当屏幕缩放时	
		window.onresize=function(){  
			getWindeo()
        } 
        //获取当前串口大小  赋值给背景图片  
       function getWindeo(){
        	var _w = document.body.offsetWidth +"px" ;
			var _h = window.innerHeight +"px" ;
			document.getElementById("conBox").style.width=_w;
			document.getElementById("conBox").style.height=_h;
			document.getElementById("conBoxBg").style.width=_w;
			document.getElementById("conBoxBg").style.height=_h;
        }
       
       
       
       
       
       //查询
       function searchBtn(){
       	var keyWord = document.getElementById("keyWord").value;
       	if(keyWord == "你今天真好看"){
       		alert("正在查询的你最好看")
       	}
       	console.log(keyWord);
       
       }
		</script>
	</body>
</html>
